<head>


<style id='page-skin-1' type='text/css'>
/*-------Form----*/
input.abt1 {background: #f7f8f9;background: -webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -ms-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 6px 12px;-webkit-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;-moz-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;color: #888;text-shadow: 0 1px 0 #fff;line-height: 1.2;cursor: pointer;font-size: 14px;}
input.abt1hov {border-color:#999; background:-webkit-linear-gradient(top,white,#E0E0E0); background:-moz-linear-gradient(top,white,#E0E0E0); background:-ms-linear-gradient(top,white,#E0E0E0); background:-o-linear-gradient(top,white,#E0E0E0); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff}
textarea {
width:100%;
color:#6E818C;
font:14px 'trebuchet ms',helvetica,sans-serif;
border:none; }
/*-------Form2----*/
input.abt2 {background: #f7f8f9;background: -webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -ms-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 6px 12px;-webkit-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;-moz-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;color: #888;text-shadow: 0 1px 0 #fff;line-height: 1.2;cursor: pointer;font-size: 14px;}
input.abt2hov {border-color:#999; background:-webkit-linear-gradient(top,white,#E0E0E0); background:-moz-linear-gradient(top,white,#E0E0E0); background:-ms-linear-gradient(top,white,#E0E0E0); background:-o-linear-gradient(top,white,#E0E0E0); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff}

input.abt3 {background: #f7f8f9;background: -webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: -ms-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background: linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 6px 12px;-webkit-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;-moz-box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;box-shadow: 0 0 1px #f9f9f9 inset, 1px 1px 1px #dfdfdf;color: #888;text-shadow: 0 1px 0 #fff;line-height: 1.2;cursor: pointer;font-size: 14px;}
input.abt3hov {border-color:#999; background:-webkit-linear-gradient(top,white,#E0E0E0); background:-moz-linear-gradient(top,white,#E0E0E0); background:-ms-linear-gradient(top,white,#E0E0E0); background:-o-linear-gradient(top,white,#E0E0E0); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff; box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff}

--></style>

<script type='text/javascript'>

//<![CDATA[


function html2entities(){
var re=/[<>"'&]/g
for (i=0; i<arguments.length; i++)
arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
}

function replacechar(match){
if (match=="<")
return "&lt;"
else if (match==">")
return "&gt;"
else if (match=="\"")
return "&quot;"
else if (match=="'")
return "&#039;"
else if (match=="&")
return "&amp;"
}
//]]>
</script>
<script type='text/javascript'>

//<![CDATA[

//Character count script
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}

//]]>
</script>
</head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'>
<div align="center" id='main-wrapper'><font color="#6B828E" size="2" face="Arial, Helvetica, sans-serif"><font color="#6B828E" face="arial"><font><font color="#6B828E">
</font></font></font></font><form>
  <p><font color="#6B828E" size="2" face="Arial, Helvetica, sans-serif"></font></p>

  <p>
    <font color="#6B828E" size="2" face="Arial, Helvetica, sans-serif"><textarea name="data1" style="width: 485px; height: 200px;overflow:hidden; background-image:url(https://lh4.googleusercontent.com/-KbxWlVMH97A/TtyXDEajx9I/AAAAAAAABqQ/CwQddnfDCAE/s485/html-coder-txt.jpg); background-repeat:no-repeat; padding:10px;"></textarea>
  </font></p>
  <p align=""><font color="#6B828E" size="2" face="Arial, Helvetica, sans-serif"><br>
      <input name="button" type="button" class="abt2" onClick="html2entities(this.form.data1)" onMouseOver="this.className='abt2 abt2hov'" onMouseOut="this.className='abt2'" value="Convert"> 
      <input onMouseOver="this.className='abt3 abt3hov'" onMouseOut="this.className='abt3'" class="abt3" name="Clear" value="  Clear  " type="reset">
      <br>
      <br>
      <br>

  </font></p>
  </form>
</div>
</div>


</body>
</html>